<template>
  <v-app id="inspire" :dark="night">
    <sidebar style="box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);"></sidebar>
    <navbar></navbar>
    <inner></inner>
    <load-layer :loadDialog = "loadMask" :loadText="maskTitle"></load-layer>
  </v-app>
</template>

<script>
export default {
  data () {
    return this.$store.state.frame
  },
  components: {
    navbar: () => import('../components/layout/navbar'),
    sidebar: () => import('../components/layout/sidebar'),
    inner: () => import('../components/layout/inner'),
    'load-layer': () => import('../components/loading/loadLayer')
  }
}

</script>
